<!--
 * @Author: mayating mayating@xinchan.com.cn
 * @Date: 2024-06-26 18:39:56
 * @LastEditors: mayating mayating@xinchan.com.cn
 * @LastEditTime: 2024-06-26 18:46:57
 * @FilePath: /wuniubi/src/views/home/HOME/index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <section class="decoration section bd-container" id="decoration">
    <h2 class="section-title">
      赠送装饰 <br />
      For Your Wedding
    </h2>
    <div class="decoration__container bd-grid">
      <div class="decoration__data">
        <img
          src="@/assets/img/decoration1.png"
          alt=""
          class="decoration__img"
        />
        <h3 class="decoration__title">西里相册</h3>
        <a href="#" class="button button-link">Our features</a>
      </div>

      <div class="decoration__data">
        <img
          src="@/assets/img/decoration2.png"
          alt=""
          class="decoration__img"
        />
        <h3 class="decoration__title">照片精修</h3>
        <a href="#" class="button button-link">Our features</a>
      </div>

      <div class="decoration__data">
        <img
          src="@/assets/img/decoration3.png"
          alt=""
          class="decoration__img"
        />
        <h3 class="decoration__title">婚礼跟拍</h3>
        <a href="#" class="button button-link">Our features</a>
      </div>
    </div>
  </section>
</template>

<script>
export default {
  name: "DECORATION-index",
};
</script>

<style lang="scss" scoped></style>
